<template>
<transition name="slide">
  <div class="about-us" ref="about">
    <div class="back" @click="back">
      <i class="fa fa-angle-left"></i>
    </div>
    <h2>关于我们</h2>
  </div>
</transition>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  computed: {
  },
  methods: {
    back () {
      this.$router.back()
    }
  },
  components: {
  }
}
</script>

<style lang="scss" scoped>
@import "~common/scss/variable";
.about-us {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: $color-background;
  h2 {
    height: 44px;
    text-align: center;
    line-height: 44px;
    background-color: $color-theme;
    color: azure;
  }
  .back {
    position: absolute;
    top: 0;
    left: 4px;
    .fa-angle-left {
      padding: 5px 10px;
      font-size: 30px;
      color: #fff;
    }
  }
}
</style>
